<template>
	<view class="attention">
		<view class="box">
			
		</view>
		<view class="No_attention">
			<view class="No_attention_top">
				<view class="No_attention_top_left">
					<u--image :showLoading="true" :src="res" width="100rpx" height="100rpx" @click="click"
						shape='circle' :fade='false'></u--image>
					<text>分享瞬间</text>
				</view>
				<view class="No_attention_top_bottom">
					<h3>还没有关注的人呢</h3>
					<text>关注后，可以在这里查看对方的最新动态</text>
				</view>
			</view>
			<NoAttention></NoAttention>
		</view>
	</view>
</template>

<script>
	import NoAttention from '@/pages/index/components/NoAttention.vue';
	export default {
		name: "attention",
		components: {
			NoAttention
		},
		data() {
			return {
				res: '../../static/img/sexAndAge/boy.jpg',
				attentionList: [{
						img: '../../../static/img/portrait.jpg'
					},

				]
			};
		}
	}
</script>

<style>
	.box{
		height: 80rpx;
	}
	.No_attention_top {
		width: 751rpx;
		height: 260rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		padding: 30rpx;
	}

	.No_attention_top_left {
		width: 20%;
		height: 70%;
		border-radius: 50%;
		padding-left: 20rpx;
	}

	.No_attention_top_left text {
		font-size: 30rpx;
	}

	.No_attention_top_bottom {
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.No_attention_bottom {
		display: flex;
		height: 750rpx;
		justify-content: center;
	}
</style>